<template>
  <div class="digital-map-wrap">
    <!-- 子传父第一种方法 -->
    <edit-map v-show="toggleMap" @toggleChange='changeflag'></edit-map>
    <!-- 子传父第二种方法 -->
    <!-- <edit-map v-show="toggleMap" ref="editMap"></edit-map> -->
    <edit-land v-show="!toggleMap" @toggleChange='changeflag'></edit-land>
  </div>
</template>

<script>
import EditLand from "./editLandInfo";
import EditMap from "./editLandMap";

export default {
  data() {
    return {
      toggleMap: true
    };
  },
  components: {
    EditLand,
    EditMap
  },
  mounted() {
    // 凡是涉及到ref的操作一般都是在mounted函数里操作
    // 子传父第二种方法
    // this.$refs.editMap.$on("toggleChange", (flag) => (this.toggleMap = flag));
  },
  methods: {
    // 子传父第一种方法
    changeflag(flag){
      this.toggleMap=flag;
    }
  }
};
</script>

<style scoped>
.digital-map-wrap {
  height: 100%;
  width: 100%;
  position: relative;
}
</style>